<template>
  <v-app app color="grey lighten-4">
    <TopBar></TopBar>
    <v-main>
      <v-container>
        <v-row>
          <v-col cols="3"><NavInfo></NavInfo></v-col>
          <v-col>
            <v-sheet
              max-width="55vw"
              min-height="80vh"
              color="indigo lighten-5"
              rounded="5"
            >
              <router-view />
            </v-sheet>
          </v-col>
        </v-row>
      </v-container>
    </v-main>

    <Footer></Footer>
  </v-app>
</template>

<script>
import TopBar from "../components/TopBar.vue";
import Footer from "../components/Footer.vue";
import NavInfo from "../components/NavInfo.vue";

export default {
  name: "Home",

  components: {
    TopBar,
    Footer,
    NavInfo,
  },
};
</script>
